<template>
    <section class="py-20 bg-gradient-to-r from-indigo-600 to-purple-700 text-white">
      <div class="container mx-auto px-4">
        <div class="max-w-4xl mx-auto text-center">
          <h2 class="text-[clamp(1.75rem,3vw,2.5rem)] font-bold mb-6">准备好开始您的 AI 之旅了吗？</h2>
          <p class="text-lg text-white/80 mb-10 max-w-2xl mx-auto">加入成千上万的创作者和专业人士，利用 AI 提升您的工作效率和创造力。</p>
          <div class="flex flex-wrap justify-center gap-4">
            <button class="px-8 py-3 bg-white text-indigo-600 hover:bg-gray-100 font-medium rounded-lg transition-all duration-300 shadow-lg hover:shadow-xl hover:-translate-y-1">
              免费注册
            </button>
            <button class="px-8 py-3 bg-transparent hover:bg-white/10 text-white font-medium rounded-lg transition-all duration-300 border border-white/30 hover:border-white/50">
              了解更多
            </button>
          </div>
        </div>
      </div>
    </section>
  </template>